﻿<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="index.aspx.cs" Inherits="HX.Admin.index" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
    <title>Admin by HD</title>
    <link rel="stylesheet" href="style/style.css" type="text/css" media="screen" />
    <script type="text/javascript" src="scripts/jquery-1.3.2.min.js"></script>
</head>
<body>
    <div id="body-wrapper">
        <div id="sidebar">
            <div id="sidebar-wrapper">
                <a href="/"><img id="logo" src="style/images/logo.png" alt="" /></a>
                <div id="profile-links">
                    <a href="javascript:;">欢迎登录，管理员</a><br />
                    <a href="1">您有1111条信息</a> <a href="#">网站首页</a> <a href="#">退出登录</a>
                </div>
                <ul id="main-nav">
                    <li><a href="javascript:;" class="nav-top-item current">控制中心</a>
                        <ul>
                            <li><a href="main.aspx" target="workspace" class="current">控制中心</a></li>
                            <li><a href="article_list.aspx" target="workspace">管理信息</a></li>
                        </ul>
                    </li>
                    <li><a href="javascript:;" class="nav-top-item">新闻咨询</a>
                        <ul>
                            <li><a href="article_add.aspx">发布信息</a></li>
                            <li><a href="article_list.aspx">管理信息</a></li>
                            <li><a href="comment_list.aspx">管理回复</a></li>
                        </ul>
                    </li>
                </ul>
                <div id="messages" style="display:none">
                    <h3>
                        3 Messages</h3>
                    <p>
                        <strong>17th May 2009</strong> by Admin<br />
                        Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus magna. Cras in
                        mi at felis aliquet congue. <small><a href="#" class="remove-link" title="Remove message">
                            Remove</a></small>
                    </p>
                    <p>
                        <strong>2nd May 2009</strong> by Jane Doe<br />
                        Ut a est eget ligula molestie gravida. Curabitur massa. Donec eleifend, libero at
                        sagittis mollis, tellus est malesuada tellus, at luctus turpis elit sit amet quam.
                        Vivamus pretium ornare est. <small><a href="#" class="remove-link" title="Remove message">
                            Remove</a></small>
                    </p>
                    <p>
                        <strong>25th April 2009</strong> by Admin<br />
                        Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus magna. Cras in
                        mi at felis aliquet congue. <small><a href="#" class="remove-link" title="Remove message">
                            Remove</a></small>
                    </p>
                    <form action="#" method="post">
                    <h4>
                        New Message</h4>
                    <fieldset>
                        <textarea class="textarea" name="textfield" cols="79" rows="5"></textarea>
                    </fieldset>
                    <fieldset>
                        <select name="dropdown" class="small-input">
                            <option value="option1">Send to...</option>
                            <option value="option2">Everyone</option>
                            <option value="option3">Admin</option>
                            <option value="option4">Jane Doe</option>
                        </select>
                        <input class="button" type="submit" value="Send" />
                    </fieldset>
                    </form>
                </div>
            </div>
        </div>
        <div id="main-content">
            <iframe frameborder="0" src="main.aspx" id="workspace" name="workspace"></iframe>
        </div>
    </div>
    <script type="text/javascript">
        $(document).ready(function () {
            $('#workspace').width($(window).width() - $('#sidebar').width());
            $('#workspace').height($(window).height());

            $("#main-nav li ul").hide();
            $("#main-nav li a.current").parent().find("ul").slideToggle("slow");

            $("#main-nav li a.nav-top-item").click(
			function () {
			    $("a.nav-top-item").removeClass("current");
			    $(this).addClass("current");
			    $(this).parent().siblings().find("ul").slideUp("normal");
			    $(this).next().slideToggle("normal");
			    return false;
			}
		);

            $("a[target='workspace']").click(
			    function () {
			        $("a[target='workspace']").removeClass("current")
			        $(this).addClass("current")
			    }
		    );


            $("#main-nav li a.no-submenu").click(
			    function () {
			        window.open(this.href);
			        return false;
			    }
		    );

            $("#main-nav li .nav-top-item").hover(
		        function () {
		            $(this).stop().animate({ paddingRight: "35px" }, 200);
		        },
		        function () {
		            $(this).stop().animate({ paddingRight: "15px" });
		        }
	        );

        });
    </script>
</body>
</html>
